<template>
   <h1>现场挂号</h1>
   <el-row>
    <el-col :offset="1" :span="20">
        <el-button>挂号</el-button><el-button>重置</el-button>
    </el-col>
   </el-row>
   <el-row>
    <el-col :offset="1" :span="20">
        <h2>基本信息</h2>
        <el-form :inline="true" :model="form" class="demo-form-inline">
            <el-form-item label="病历号">
                <el-input v-model="form.caseNumber" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="姓名">
                <el-input v-model="form.realName" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="年龄">
                <el-input v-model="form.age" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="身份证号码">
                <el-input v-model="form.cardNumber" placeholder="Approved by" clearable />
            </el-form-item>
            <el-select
                v-model="form.gender"
                placeholder="性别"
                clearable
            >
                <el-option label="男" value="男" />
                <el-option label="女" value="女" />
            </el-select>
            </el-form-item>
            <el-form-item label="家庭住址">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="Activity time">
            <el-date-picker
                v-model="form.date"
                type="date"
                placeholder="Pick a date"
                clearable
            />
            </el-form-item>
            <el-form-item>
            <el-button type="primary" @click="onSubmit">Query</el-button>
            </el-form-item>
        </el-form>
    </el-col>
   </el-row>
   <el-row>
    <el-col :offset="1" :span="20">
        <h2>挂号信息</h2>
        <el-form :inline="true" :model="form" class="demo-form-inline">
            <el-form-item label="结算类别">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="看诊日期">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="午别">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="挂号科室">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-select
                v-model="form.region"
                placeholder="号别"
                clearable
            >
                <el-option label="Zone one" value="shanghai" />
                <el-option label="Zone two" value="beijing" />
            </el-select>
            </el-form-item>
            <el-form-item label="看诊医生">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="初始号额">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="已用号额">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="应收金额">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="收费方式">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item label="病历本">
                <el-input v-model="form.user" placeholder="Approved by" clearable />
            </el-form-item>
            <el-form-item>
            <el-button type="primary" @click="onSubmit">Query</el-button>
            </el-form-item>
        </el-form>
    </el-col>
   </el-row>
</template>

<script setup>
import { ref, getCurrentInstance } from 'vue';

 const form = ref({
    caseNumber: '',
    realName: '',
    gender: null,
    cardNumber: '',
    birthday: '',
    age: 0,
    ageType: '年',
    homeAddress: '',
    visitDate: '',
    noon: '上午',
    deptmentId: null,
    employeeId: null,
    registLevelId: null,
    settleCategoryId: null,
    isBook: null,
    registMethod: null,
    visitState: null,
    registMoney: null
 })

</script>

<style>
</style>